<template>
	<div class="toolbar-title">
		<span class="toolbar-title__span fn-inline panel-header-graduabg-color">{{ $attrs.title }}</span>
		<i class="toolbar-title__i fn-inline panel-header-graduabg-color__i"></i>
	</div>
</template>

<script setup></script>

<style lang="scss" scoped>
.toolbar-title {
	display: flex;
	font-size: 0;
	&__span {
		background: #dce4fb;
		color: #2e3133;
		color: var(--next-bg-tableBarColor);
		font-size: 16px;
		height: 32px;
		line-height: 32px;
		padding: 0 16px;
		position: relative;
		text-align: left;
	}
	&__i {
		border: 16px solid transparent;
		border-left: 20px solid #dce4fb;
		height: 1px;
		width: 1px;
	}
}
</style>
